/* CSS Document */
*{margin:0; padding:0}
img{border:0}
body{color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.jpg)}
a:link, a:active, a:visited{color:#63A52A; text-decoration:none}
a:hover{color:#63A52A; text-decoration:underline}
#container{background:url(images/bg_top.jpg) repeat-x top}
#wrapper{width:940px; margin:0 auto; padding:0 5px; background:url(images/wrapper_bg.png) repeat-y}

#header{width:100%; height:79px; background:url(images/header.jpg) no-repeat #FFF}
#header #logo{width:220px; float:left; margin:19px 0 0 15px}
#header #slogan{width:310px; float:left; margin:21px 0 0 60px}
#header #slogan h1{font-size:28px; font-weight:100; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}
#header #slogan h5{font-size:28px; font-weight:100; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif}
#header #lang{width:auto; color:#999; float:right; line-height:79px; margin-right:15px}
#header #lang a{color:#999; text-decoration:none}
#header #lang a:hover{color:#333}

#menu{width:100%; height:37px; background:url(images/menu_bg.jpg) no-repeat; z-index:200}
#menu #txtSearch{width:150px; height:15px; color:#9a9898; margin-top:8px; padding:3px 5px; float:left; border:none; background:none}
#menu #btnSearch{width:30px; height:21px; margin-top:8px; float:right; border:none; background:none}

#slider{width:100%}
#slider #shadow{width:940px; height:3px; position:absolute;  background:url(images/menu_shadow.png) repeat-x; z-index:100}

/* home */
#content{background-color:#FFF; width:100%}
#content #sanpham{clear:both; padding:30px 7px 40px 7px}
#content #sanpham .title{font-size:24px; font-weight:bold; margin:0 0 5px 30px}
#content #sanpham h2{font-size:12px; font-weight:100; margin:0 0 30px 30px}
#content #sanpham #img_sp{clear:both}
#content #sanpham #img_sp #anyClass{width:860px; height:195px; float:left;}
#content #sanpham #img_sp #anyClass img{width:275px; height:195px; float:left; margin:0 5px}
#content #sanpham #img_sp .button{width:25px; height:25px; padding:85px 5px; float:left; cursor:pointer}
#content #tuvan{clear:both; padding:30px 0 40px 0; background-color:#F0F0F0}
#content #tuvan .title{font-size:24px; font-weight:bold; margin:0 0 5px 37px}
#content #tuvan .item_info{width:265px; float:left; margin-left:37px}
#content #tuvan .item_info img{width:250px; height:172px; margin:20px 0 15px 0; border:solid 5px #FFF}
#content #tuvan .item_info h3{ font-size:14px; margin-bottom:10px}
#content #tuvan .item_info div{line-height:20px; height:80px; overflow:hidden}
#content #gioithieu{clear:both; padding:30px 37px 40px}
#content #gioithieu .title{font-size:24px; font-weight:bold; margin-bottom:20px}
#content #gioithieu #map{width:336px; float:left}
#content #gioithieu #map img{width:330px; border:solid 3px #d9e9cb}
#content #gioithieu #info_gt{width:500px; float:right}
#content #gioithieu #info_gt .gt{line-height:20px}
#content #gioithieu #info_gt h4{color:#63A52A; font-size:16px; margin:20px 0 5px 0}
#content #gioithieu #info_gt #lienket{margin-top:15px}

/* about */
#content #left{width:225px; float:left; padding-top:10px; border-right:solid 1px #CCC}
#content #left .item{line-height:40px; padding-left:20px; border-bottom:solid 1px #CCC; background:url(images/about_bg.gif) repeat-x}
#content #left .item a{display:block; color:#666; font-weight:bold}
#content #left .item a:hover{color:#63A52A; text-decoration:none; background:url(images/about_bg_ac.gif) no-repeat right}
#content #right{width:630px; float:right; margin-right:50px}
#content #right h1{color:#63A52A; font-size:24px; margin:20px 0}
/* product_catalog */
#content #product_catalog{padding:15px 0 0 3px}
#content #product_catalog h2{color:#63A52A; font-size:24px; padding:0px 0 15px 10px;}
#content #product_catalog .item{width:122px; height:240px; float:left; font-size:11px; line-height:18px; margin-left:10px; overflow:hidden}
#content #product_catalog .item img{width:120px; height:150px; border:solid 1px #e2e2e2}
#content #product_catalog .item h3{font-size:11px; font-weight:100; margin:5px 0}
#content #product_catalog .item a{color:#666;}
/* product_catalog */
#content #product{margin-left:6px}
#content #product a{color:#666}
#content #product a:hover{color:#63A52A}
#content #product h1{color:#63A52A; font-size:24px; padding:30px 0 10px 25px;}
#content #product h2{font-size:14px; font-weight:100; line-height:20px; padding:0 0 40px 25px}
#content #product h3{clear:both; font-size:16px; padding:10px 0 15px 15px}
#content #product .item{width:142px; height:280px; line-height:20px; float:left; margin-left:11px; overflow:hidden}
#content #product .item img{width:140px; height:175px; border:solid 1px #e2e2e2}
#content #product .item h4{font-size:12px; margin:5px 0; font-weight:100}
#content #product .item a{color:#666;}
#content #product_detail{margin:0 20px; padding-bottom:10px}
#content #product_detail h1{color:#63A52A; font-size:24px; margin:10px 0}
#content #product_detail .title{font-size:16px; font-weight:bold; padding:30px 0 10px}
#content #product_detail .item{width:142px; height:280px; line-height:20px; float:left; margin-right:8px; overflow:hidden}
#content #product_detail .item img{width:140px; height:175px; border:solid 1px #e2e2e2}
#content #product_detail .item h4{line-height:20px; font-weight:100; margin:10px 0}
#content #product_detail .item a{color:#666;}
#content #product_detail .item2{width:90%; line-height:30px; padding-left:15px; background:url(images/li.jpg) no-repeat left}
#content #product_detail .item2 h4{font-size:12px; font-weight:100}
#content #product_detail .item2 a{color:#666}
/* tu van suc khoe */
#content #tuvan_sk{clear:both; padding-bottom:30px}
#content #tuvan_sk .title{font-size:24px; font-weight:bold; margin:0 0 5px 37px}
#content #tuvan_sk .item_info{width:280px; height:330px; float:left; margin-left:23px}
#content #tuvan_sk .item_info img{width:280px; height:172px; margin:20px 0 15px 0; border:solid 5px #FFF}
#content #tuvan_sk .item_info h3{ font-size:14px; margin-bottom:10px}
#content #tuvan_sk .item_info div{line-height:20px; height:60px; overflow:hidden}

#cohoi_nghenghiep{width:880px; padding:0 0 40px 30px}
#cohoi_nghenghiep table{border:solid 1px #e3e3e3}
#cohoi_nghenghiep td{padding:8px 20px}

/* viewpost */
#viewpost{line-height:22px; list-style:inside}
#viewpost p, #viewpost div {margin:10px 0}
#viewpost li{padding:0 25px}
#viewpost h2, #viewpost h3 {font-size:13px}
#viewpost h4, #viewpost h5 {font-size:12px}

#navigator{padding:10px 30px 30px}
#navigator a{color:#999; padding:0 10px 0 15px; background:url(images/navigator.gif) no-repeat left}
#navigator a:hover{color:#333}

#social{line-height:20px; margin:25px 0}

#footer{color:#666; font-size:11px; line-height:40px; padding:0 10px; background-color:#D9D9D9}
#footer #logo_foo{width:auto; float:left}
#footer #logo_foo img{float:left; margin-right:5px}
#footer #menu_foo{width:auto; float:right; }
#footer #menu_foo .item{float:left}
#footer #menu_foo .item a{color:#666; padding:0 8px}
#footer #menu_foo .item a:hover{color:#333}

.txt{width:320px; height:18px; color:#666; padding:7px 5px; background-color:#eaeaea; border:none}
.textarea{width:320px; height:140px; line-height:20px; color:#666; padding:5px; background-color:#eaeaea; border:none}
.btn{width:330px; height:50px; line-height:50px; color:#FFF; font-weight:bold; text-align:center; background-color:#62a527; border:none}
#phantrang{padding:0 0 40px 25px}
#phantrang a{color:#FFF; font-weight:bold; margin-right:3px; padding:5px 10px; background-color:#f2f2f2}

/*menu*/
#nav, #nav ul {list-style:none; position:relative; line-height:37px; z-index:300}
#nav a:link, #nav a:active, #nav a:visited {display:block; background-color:none; text-decoration:none}
#nav li a {color:#FFF; font-weight:bold; text-transform:uppercase; padding:0 18px; background:url(images/menu_line.jpg) no-repeat right}
#nav a:hover {background-color:#c3e962; color:#333}
#nav li {float:left; position:relative}
#nav ul {position:absolute; width:200px; top:37px; display:none}
#nav li ul a {width:180px; line-height:28px; float:left; font-weight:normal; padding:0 20px; background:url(images/menu_line.gif) no-repeat right #90c900; border-bottom:solid 1px #FFF}
#nav li ul a:hover {background-color:#c3e962; color:#333}
#nav ul ul {top:auto}
#nav li ul ul {left:241px}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul {display:none}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul {display:block}

/*popup*/
#backgroundPopup{display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background-color:#000; z-index:400}
#popupContact{display:none; position:fixed; _position:absolute; height:auto; width:968px; font-size:12px; z-index:500}
#popupContact #popupContent{width:860px; line-height:25px; margin:20px 0 0 14px; padding:30px 40px; background-color:#FFF; list-style:none}
#popupContact #popupContent h1{color:#84b704; font-size:24px; margin-bottom:10px}
#popupContact #popupContent #yeucau{font-weight:bold; font-style:italic}
#popupContact #popupContent p, #popupContact #popupContent div {padding-left:25px; background:url(images/popupP.gif) no-repeat left}
#popupContact #popupContent li{list-style:none; margin-left:25px; padding-left:15px; background:url(images/li.jpg) no-repeat left}
#popupContactClose{position:absolute; right:0; z-index:600; cursor:pointer}

#homepage{width:700px; height:600px; margin:100px auto auto}
#homepage #logopage{width:318px; height:318px; position:absolute; margin:0 0 0 240px; cursor:pointer}
#homepage #logopage h1{font-size:12px; font-weight:100; padding:150px 0 0 25px}
#homepage #thanhcong{width:234px; height:234px; position:absolute; margin:90px 0 0 0}
#homepage #thanhcong a{display:block; color:#0073db; font-size:20px; font-weight:bold; padding:40px 0 160px 55px}
#homepage #sanpham{width:202px; height:202px; position:absolute; margin:295px 0 0 160px}
#homepage #sanpham a{display:block; color:#333; font-size:20px; font-weight:bold; padding:50px 0 120px 55px}
#homepage #lichlamviec{width:166px; height:166px; position:absolute; margin:325px 0 0 370px}
#homepage #lichlamviec a{display:block; color:#599821; font-size:18px; font-weight:bold; text-align:center; padding:30px 45px 90px 45px}
#homepage #tuvan{width:152px; height:152px; position:absolute; margin:245px 0 0 515px}
#homepage #tuvan a{display:block; color:#599821; font-size:18px; font-weight:bold; padding:55px 25px 55px 90px}
#homepage #lienhe{width:130px; height:130px; position:absolute; margin:110px 0 0 570px}
#homepage #lienhe a{display:block; color:#2ba2bd; font-size:14px; font-weight:bold; text-align:center; padding:30px 35px 70px 35px}
#homepage #language{width:98px; height:98px; text-align:center; line-height:18px; position:absolute; margin:5px 0 0 565px; padding-top:10px}
#homepage #language a{display:block; font-size:11px; color:#999}
#homepage #menuhome{width:700px; position:absolute; margin-top:560px; text-align:center}
#homepage #menuhome a{color:#FFF; padding:0 10px; border-left:solid 1px #FFF}

/*Photos*/
#photos * {margin: 0px; padding: 0px}
#photos ul {width:100%; margin-left:20px}
#photos ul li {display: inline; width:124px; height:100px; float:left; margin:2px}
#photos .wide {border-bottom: 1px #000 solid; width:4000px;}
#photos .img {width:115px; height:90px; float:left; border:1px solid #999999; padding:3px}